// 把 Store 中的 total 映射到 cart.vue 中
import { mapGetters } from 'vuex'

// 创建对外接口
export default {
	computed:{
		// 将 m_cart 模块中的 total 映射为当前页面的计算属性
		...mapGetters('m_cart', ['total'])
	},
	
	// 用监听器实时监测total变化的情况
	watch:{
		total(){
			this.setBadge()
		}
	},
	
	onShow() {
		// 在页面展示的时候， 设置数字徽标
		this.setBadge()
	},
	
	methods:{
		
		// 调用uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
		setBadge(){
			uni.setTabBarBadge({
				index: 2,  //索引
				text: this.total + ''  // 注意：text 的值必须是字符串，不能是数字
			})
		}
	},
}